<style scoped lang="scss">

</style>
<template>
    <div>
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item v-for="(item, index) in bannerData" :key="index">
                <!-- <img style="width: 100%;height: 150px;" :src="item.imageUrl" alt=""> -->
                <Image style="width: 100%;height: 150px;" :src="item.imageUrl" alt=""></Image>
            </van-swipe-item>
        </van-swipe>
    </div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { request } from '@/axios/request';
import Image from '@/components/image/index.vue'

const bannerData = ref()
const getBanner = async () => {
    const res = await request('/api/health/share/v1/bannersShow')
    const { result } = res.data
    bannerData.value = result
}
getBanner()
</script>